<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>5.vue组件渲染和更新</title>
</head>
<body>
  <!-- 初次渲染 -->
  1.解析模板为render函数（或在开发环境已完成，vue-loader）
  2.触发响应式，监听data属性getter setter
  3.执行render函数，生成vnode，path(elem，vnode)

  <!-- 更新过程 -->
  1.修改data，触发setter（此前在getter中已被监听）
  2.重新执行render函数，生成newVnode
  3.patch(vnode, newVnode)


  
</body>
</html>